import { ScrollViewStyleReset } from 'expo-router/html';
import { type PropsWithChildren } from 'react';
import '@/assets/global.css'

export default ({ children }: PropsWithChildren) => <html lang="en">
  <head>
    <meta charSet="utf-8" />
    <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

    {/*
      禁用网页上的正文滚动。这使得ScrollView组件的工作方式更接近于它们在native上的工作方式。
      然而，对于移动网页来说，正文滚动通常是不错的选择。如果您想启用它，请删除这一行。
    */}
    <ScrollViewStyleReset />
  </head>

  <body className='bg-white text-gray-950 dark:text-gray-50 dark:bg-black'>
    {children}
  </body>
</html>
